<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>典型案例</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="shortcut icon" href="./images/zh_CN.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/aos.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/case_list.css">
</head>

<body>
<div class="home">

    <div class="header">
        <a href="./index.html" class="logo">
            <div class="slogo">
                <img src="./images/logo_b.png" alt="">
                <img src="./images/logo_l.png" alt="">
            </div>
            <p>轴承、齿轮和传动部件制造平台</p>
        </a>
        <div class="links">
            <a href="./index.html">首页</a>
            <a href="./solutions.html">解决方案</a>
            <a href="./case.html" class="on">典型案例</a>
            <a href="./online_class.html">数转培训</a>
            <a href="./service.html">公共服务</a>
            <a href="">产业监测</a>
            <div class="line">｜</div>
            <a class="cbtn" href="">
                <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none">
                    <path
                            d="M17.3813 3.49854H3.67178C2.97041 3.49854 2.40234 4.0666 2.40234 4.76797V13.8345C2.40234 14.5358 2.97041 15.1039 3.67178 15.1039H17.3813C18.0826 15.1039 18.6507 14.5358 18.6507 13.8345V4.76797C18.6507 4.06865 18.0826 3.49854 17.3813 3.49854ZM17.5228 13.4817C17.5228 13.7853 17.2767 14.0293 16.9752 14.0293H14.3563V10.4158C14.3563 10.1123 14.1103 9.86826 13.8088 9.86826C13.5053 9.86826 13.2612 10.1144 13.2612 10.4158V14.0313H11.0751V9.31865C11.0751 9.01514 10.829 8.77109 10.5275 8.77109C10.224 8.77109 9.97998 9.01719 9.97998 9.31865V14.0293H7.7918V11.2915C7.7918 10.988 7.5457 10.7439 7.24424 10.7439C6.94072 10.7439 6.69668 10.99 6.69668 11.2915V14.0293H4.07783C3.77432 14.0293 3.53027 13.7832 3.53027 13.4817V5.12275C3.53027 4.81924 3.77637 4.5752 4.07783 4.5752H16.9752C17.2787 4.5752 17.5228 4.82129 17.5228 5.12275V13.4817ZM13.7985 16.482H7.25654C6.97559 16.482 6.75 16.7097 6.75 16.9886C6.75 17.2695 6.97764 17.4951 7.25654 17.4951H13.7985C14.0795 17.4951 14.3051 17.2675 14.3051 16.9886C14.3051 16.7097 14.0774 16.482 13.7985 16.482Z"
                            fill="black" />
                </svg>
                <p>控制台</p>
            </a>
        </div>
        <div class="btns">
            <a href="">登录</a>
            <a href="">注册</a>
        </div>
    </div>
    <div class="pheader">
        <div class="menu">
            <div class="l">
                <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                    <img src="./images/logo2.svg" alt="">
                    <p>轴承、齿轮和传动部件制造平台</p>
                </a>
            </div>
            <div class="navbox">
                <div class="line"></div>
                <div class="line"></div>
                <div class="line"></div>
            </div>
        </div>
    </div>
    <div class="menuList">
        <div class="item">
            <div class="tb">
                <a href="./index.html">首页</a>
            </div>
        </div>
        <div class="item">
            <div class="tb">
                <a href="./solutions.html">
                    解决方案
                </a>
            </div>
        </div>
        <div class="item">
            <div class="tb">
                <a href="./case.html">
                    典型案例
                </a>
            </div>
        </div>
        <div class="item">
            <div class="tb">
                <a href="./online_class.html">
                    数转培训
                </a>
            </div>
        </div>
        <div class="item">
            <div class="tb">
                <a href="./service.html">
                    公共服务
                </a>
            </div>
        </div>
        <div class="item">
            <div class="tb">
                <a href="">
                    产业监测
                </a>
            </div>
        </div>
        <div class="item">
            <div class="tb">
                <a href="./news.html">
                    新闻中心
                </a>
            </div>
        </div>
        <div class="item">
            <div class="tb">
                <a href="./contact.html">
                    控制台
                </a>
            </div>
        </div>
        <div class="item">
            <div class="tb">
                <a href="./contact.html">
                    登录
                </a>
            </div>
        </div>
        <div class="item">
            <div class="tb">
                <a href="./contact.html">
                    注册
                </a>
            </div>
        </div>
    </div>
    <div class="section">
        <div class="wrap">
            <h1 class="wow fadeInUp">典型案例</h1>
            <form action="case_list.html" class="wow fadeInUp">
                <div class="input">
                    <img src="./images/class_list/search.svg" alt="">
                    <input type="search" placeholder="请输入关键词快速查询" name="keywords">
                </div>
                <button type="submit">搜索</button>
            </form>
            <div class="hot wow fadeInUp">
                <h5>热门搜索：</h5>
                <a href="case_list.html?keywords=成品轴承" class="on">成品轴承</a>
                <a href="case_list.html?keywords=轴承零部件">轴承零部件</a>
                <a href="case_list.html?keywords=热处理">热处理</a>
                <a href="case_list.html?keywords=成品轴承">成品轴承</a>
                <a href="case_list.html?keywords=轴承零部件">轴承零部件</a>
                <a href="case_list.html?keywords=热处理">热处理</a>
            </div>
            <div class="background wow animated fadeInUp">
                <div class="flex flex1">
                    <div class="l">信息化系统：</div>
                    <div class="dis">
                        <div class="list all_list">
                            <div class="bor">
                                <img src="./images/my/go.svg" alt="">
                            </div>
                            <p>全选</p>
                        </div>
                        <div class="list">
                            <div class="bor">
                                <img src="./images/my/go.svg" alt="">
                            </div>
                            <p>MES系</p>
                        </div>
                        <div class="list">
                            <div class="bor">
                                <img src="./images/my/go.svg" alt="">
                            </div>
                            <p>设计</p>
                        </div>
                        <div class="list">
                            <div class="bor">
                                <img src="./images/my/go.svg" alt="">
                            </div>
                            <p>新制造</p>
                        </div>
                        <div class="list">
                            <div class="bor">
                                <img src="./images/my/go.svg" alt="">
                            </div>
                            <p>智能设备</p>
                        </div>
                        <div class="list">
                            <div class="bor">
                                <img src="./images/my/go.svg" alt="">
                            </div>
                            <p>服务</p>
                        </div>
                        <div class="list">
                            <div class="bor">
                                <img src="./images/my/go.svg" alt="">
                            </div>
                            <p>CRM</p>
                        </div>
                        <div class="list">
                            <div class="bor">
                                <img src="./images/my/go.svg" alt="">
                            </div>
                            <p>物联接入</p>
                        </div>
                    </div>
                </div>
                <div class="flex flex2">
                    <div class="l ">企业产品：</div>
                    <div class="dis">
                        <div class="list all_list">
                            <div class="bor">
                                <img src="./images/my/go.svg" alt="">
                            </div>
                            <p>全选</p>
                        </div>
                        <div class="list">
                            <div class="bor">
                                <img src="./images/my/go.svg" alt="">
                            </div>
                            <p>轴承产品</p>
                        </div>
                        <div class="list">
                            <div class="bor">
                                <img src="./images/my/go.svg" alt="">
                            </div>
                            <p>设计</p>
                        </div>
                        <div class="list">
                            <div class="bor">
                                <img src="./images/my/go.svg" alt="">
                            </div>
                            <p>新制造</p>
                        </div>
                        <div class="list">
                            <div class="bor">
                                <img src="./images/my/go.svg" alt="">
                            </div>
                            <p>智能设备</p>
                        </div>
                        <div class="list">
                            <div class="bor">
                                <img src="./images/my/go.svg" alt="">
                            </div>
                            <p>服务</p>
                        </div>
                        <div class="list">
                            <div class="bor">
                                <img src="./images/my/go.svg" alt="">
                            </div>
                            <p>CRM</p>
                        </div>
                        <div class="list">
                            <div class="bor">
                                <img src="./images/my/go.svg" alt="">
                            </div>
                            <p>物联接入</p>
                        </div>
                    </div>
                </div>
                <div class="flex flex3">
                    <div class="l">企业规模：</div>
                    <div class="dis">
                        <div class="list all_list">
                            <div class="bor">
                                <img src="./images/my/go.svg" alt="">
                            </div>
                            <p>全选</p>
                        </div>
                        <div class="list">
                            <div class="bor">
                                <img src="./images/my/go.svg" alt="">
                            </div>
                            <p>规上企业</p>
                        </div>
                        <div class="list">
                            <div class="bor">
                                <img src="./images/my/go.svg" alt="">
                            </div>
                            <p>规上企业</p>
                        </div>
                    </div>
                </div>
                <div class="flex flex4">
                    <div class="l">企业类型：</div>
                    <div class="dis">
                        <div class="list all_list on">
                            <div class="bor">
                                <img src="./images/my/go.svg" alt="">
                            </div>
                            <p>全选</p>
                        </div>
                        <div class="list on">
                            <div class="bor">
                                <img src="./images/my/go.svg" alt="">
                            </div>
                            <p>标杆企业</p>
                        </div>
                        <div class="list">
                            <div class="bor">
                                <img src="./images/my/go.svg" alt="">
                            </div>
                            <p>样板企业</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="sort wow animated fadeInUp">
                <div class="list on">
                    <p>综合排序</p>
                </div>
                <div class="list">
                    <p>按时间排序</p>
                    <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none">
                        <path d="M3 0L5.59808 4.5H0.401924L3 0Z" fill="#D9D9D9"/>
                        <path d="M3 10L0.401924 5.5L5.59808 5.5L3 10Z" fill="#1A53F0"/>
                    </svg>
                </div>
                <div class="list">
                    <p>按评分排序</p>
                    <svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none">
                        <path d="M3 0L5.59808 4.5H0.401924L3 0Z" fill="#D9D9D9"/>
                        <path d="M3 10L0.401924 5.5L5.59808 5.5L3 10Z" fill="#1A53F0"/>
                    </svg>
                </div>
            </div>
            <div class="content">
                <a href="caseInfo.html" class="item wow animated fadeInUp">
                    <div class="img">
                        <img src="./images/my/i1.png" alt="">
                    </div>
                    <div class="text">
                        <h1>
                            瓦房店XXXXXXXXXXXXXXXX轴承机家车间整体改造项目
                        </h1>
                        <div class="pick">
                            <p>·仓储管理信息化</p>
                            <p>·任务排成自动化</p>
                            <p>·实施工票报工系统</p>
                            <p>·车间级综合统计与分析</p>
                        </div>
                        <div class="label">
                            <svg xmlns="http://www.w3.org/2000/svg" width="62" height="34" viewBox="0 0 62 34" fill="none">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M60.9999 0.743199L48.0966 17.0002L61.0229 33.2571L61.0234 34L0.0234413 34L-0.000593359 8.10623e-06L60.9994 8.10623e-06L60.9999 0.743199Z" fill="#FFCE85"/>
                            </svg>
                            标杆
                        </div>
                    </div>
                </a>
                <a href="caseInfo.html" class="item wow animated fadeInUp">
                    <div class="img">
                        <img src="./images/my/i2.png" alt="">
                    </div>
                    <div class="text">
                        <h1>
                            瓦房店XXXXXXXXXXXXXXXX轴承机家车间整体改造项目
                        </h1>
                        <div class="pick">
                            <p>·仓储管理信息化</p>
                            <p>·任务排成自动化</p>
                            <p>·实施工票报工系统</p>
                            <p>·车间级综合统计与分析</p>
                        </div>
                        <div class="label">
                            <svg xmlns="http://www.w3.org/2000/svg" width="62" height="34" viewBox="0 0 62 34" fill="none">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M60.9999 0.743199L48.0966 17.0002L61.0229 33.2571L61.0234 34L0.0234413 34L-0.000593359 8.10623e-06L60.9994 8.10623e-06L60.9999 0.743199Z" fill="#FFCE85"/>
                            </svg>
                            标杆
                        </div>
                    </div>
                </a>
                <a href="caseInfo.html" class="item wow animated fadeInUp">
                    <div class="img">
                        <img src="./images/my/i1.png" alt="">
                    </div>
                    <div class="text">
                        <h1>
                            瓦房店XXXXXXXXXXXXXXXX轴承机家车间整体改造项目
                        </h1>
                        <div class="pick">
                            <p>·仓储管理信息化</p>
                            <p>·任务排成自动化</p>
                            <p>·实施工票报工系统</p>
                            <p>·车间级综合统计与分析</p>
                        </div>
                        <div class="label">
                            <svg xmlns="http://www.w3.org/2000/svg" width="62" height="34" viewBox="0 0 62 34" fill="none">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M60.9999 0.743199L48.0966 17.0002L61.0229 33.2571L61.0234 34L0.0234413 34L-0.000593359 8.10623e-06L60.9994 8.10623e-06L60.9999 0.743199Z" fill="#FFCE85"/>
                            </svg>
                            标杆
                        </div>
                    </div>
                </a>
                <a href="caseInfo.html" class="item wow animated fadeInUp">
                    <div class="img">
                        <img src="./images/my/i2.png" alt="">
                    </div>
                    <div class="text">
                        <h1>
                            瓦房店XXXXXXXXXXXXXXXX轴承机家车间整体改造项目
                        </h1>
                        <div class="pick">
                            <p>·仓储管理信息化</p>
                            <p>·任务排成自动化</p>
                            <p>·实施工票报工系统</p>
                            <p>·车间级综合统计与分析</p>
                        </div>
                        <div class="label">
                            <svg xmlns="http://www.w3.org/2000/svg" width="62" height="34" viewBox="0 0 62 34" fill="none">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M60.9999 0.743199L48.0966 17.0002L61.0229 33.2571L61.0234 34L0.0234413 34L-0.000593359 8.10623e-06L60.9994 8.10623e-06L60.9999 0.743199Z" fill="#FFCE85"/>
                            </svg>
                            标杆
                        </div>
                    </div>
                </a>
                <a href="caseInfo.html" class="item wow animated fadeInUp">
                    <div class="img">
                        <img src="./images/my/i1.png" alt="">
                    </div>
                    <div class="text">
                        <h1>
                            瓦房店XXXXXXXXXXXXXXXX轴承机家车间整体改造项目
                        </h1>
                        <div class="pick">
                            <p>·仓储管理信息化</p>
                            <p>·任务排成自动化</p>
                            <p>·实施工票报工系统</p>
                            <p>·车间级综合统计与分析</p>
                        </div>
                        <div class="label">
                            <svg xmlns="http://www.w3.org/2000/svg" width="62" height="34" viewBox="0 0 62 34" fill="none">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M60.9999 0.743199L48.0966 17.0002L61.0229 33.2571L61.0234 34L0.0234413 34L-0.000593359 8.10623e-06L60.9994 8.10623e-06L60.9999 0.743199Z" fill="#FFCE85"/>
                            </svg>
                            标杆
                        </div>
                    </div>
                </a>
                <a href="caseInfo.html" class="item wow animated fadeInUp">
                    <div class="img">
                        <img src="./images/my/i1.png" alt="">
                    </div>
                    <div class="text">
                        <h1>
                            瓦房店XXXXXXXXXXXXXXXX轴承机家车间整体改造项目
                        </h1>
                        <div class="pick">
                            <p>·仓储管理信息化</p>
                            <p>·任务排成自动化</p>
                            <p>·实施工票报工系统</p>
                            <p>·车间级综合统计与分析</p>
                        </div>
                        <div class="label">
                            <svg xmlns="http://www.w3.org/2000/svg" width="62" height="34" viewBox="0 0 62 34" fill="none">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M60.9999 0.743199L48.0966 17.0002L61.0229 33.2571L61.0234 34L0.0234413 34L-0.000593359 8.10623e-06L60.9994 8.10623e-06L60.9999 0.743199Z" fill="#FFCE85"/>
                            </svg>
                            标杆
                        </div>
                    </div>
                </a>
                <a href="caseInfo.html" class="item wow animated fadeInUp">
                    <div class="img">
                        <img src="./images/my/i1.png" alt="">
                    </div>
                    <div class="text">
                        <h1>
                            瓦房店XXXXXXXXXXXXXXXX轴承机家车间整体改造项目
                        </h1>
                        <div class="pick">
                            <p>·仓储管理信息化</p>
                            <p>·任务排成自动化</p>
                            <p>·实施工票报工系统</p>
                            <p>·车间级综合统计与分析</p>
                        </div>
                        <div class="label">
                            <svg xmlns="http://www.w3.org/2000/svg" width="62" height="34" viewBox="0 0 62 34" fill="none">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M60.9999 0.743199L48.0966 17.0002L61.0229 33.2571L61.0234 34L0.0234413 34L-0.000593359 8.10623e-06L60.9994 8.10623e-06L60.9999 0.743199Z" fill="#FFCE85"/>
                            </svg>
                            标杆
                        </div>
                    </div>
                </a>
                <a href="caseInfo.html" class="item wow animated fadeInUp">
                    <div class="img">
                        <img src="./images/my/i2.png" alt="">
                    </div>
                    <div class="text">
                        <h1>
                            瓦房店XXXXXXXXXXXXXXXX轴承机家车间整体改造项目
                        </h1>
                        <div class="pick">
                            <p>·仓储管理信息化</p>
                            <p>·任务排成自动化</p>
                            <p>·实施工票报工系统</p>
                            <p>·车间级综合统计与分析</p>
                        </div>
                        <div class="label">
                            <svg xmlns="http://www.w3.org/2000/svg" width="62" height="34" viewBox="0 0 62 34" fill="none">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M60.9999 0.743199L48.0966 17.0002L61.0229 33.2571L61.0234 34L0.0234413 34L-0.000593359 8.10623e-06L60.9994 8.10623e-06L60.9999 0.743199Z" fill="#FFCE85"/>
                            </svg>
                            标杆
                        </div>
                    </div>
                </a>
                <a href="caseInfo.html" class="item wow animated fadeInUp">
                    <div class="img">
                        <img src="./images/my/i1.png" alt="">
                    </div>
                    <div class="text">
                        <h1>
                            瓦房店XXXXXXXXXXXXXXXX轴承机家车间整体改造项目
                        </h1>
                        <div class="pick">
                            <p>·仓储管理信息化</p>
                            <p>·任务排成自动化</p>
                            <p>·实施工票报工系统</p>
                            <p>·车间级综合统计与分析</p>
                        </div>
                        <div class="label">
                            <svg xmlns="http://www.w3.org/2000/svg" width="62" height="34" viewBox="0 0 62 34" fill="none">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M60.9999 0.743199L48.0966 17.0002L61.0229 33.2571L61.0234 34L0.0234413 34L-0.000593359 8.10623e-06L60.9994 8.10623e-06L60.9999 0.743199Z" fill="#FFCE85"/>
                            </svg>
                            标杆
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <div class="foot">
        <div class="dom1">
            <div class="l">
                <div class="icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
                        <path
                                d="M20 0C9 0 0 9 0 20C0 31 9 40 20 40C31 40 40 31 40 20C40 9 31 0 20 0ZM29.5 27.5L28.5 28.5L28.25 28.75L28 29C26.75 30.25 22.5 32 15 24.75C8 17.75 10 13.5 11 12.25L12.75 10.5C13.5 9.75 14.75 9.75 15.5 10.5L18 13C18.75 13.75 18.75 15 18 15.75L16.5 17L16.25 17.5C15.5 18.25 15.5 18.5 16.5 19.5L20.25 23C22 24.5 22.25 24.5 23 24L24.25 22.5C25 21.75 26.25 21.5 27 22.25L29.5 24.75C30.25 25.5 30.25 26.75 29.5 27.5Z"
                                fill="white" />
                    </svg>
                </div>
                <div class="phone">
                    <p>0571-7865431</p>
                    <p>0571-9899990</p>
                </div>
                <div class="icons">
                    <a href="">
                        <img src="./images/ficon1.svg" alt="">
                    </a>
                    <a href="">
                        <img src="./images/ficon2.svg" alt="">
                    </a>
                    <a href="">
                        <img src="./images/ficon3.svg" alt="">
                    </a>
                    <a href="">
                        <img src="./images/ficon4.svg" alt="">
                    </a>
                    <a href="">
                        <img src="./images/ficon5.svg" alt="">
                    </a>
                    <a href="">
                        <img src="./images/ficon6.svg" alt="">
                    </a>
                    <a href="">
                        <img src="./images/ficon7.svg" alt="">
                    </a>
                    <a href="">
                        <img src="./images/ficon8.svg" alt="">
                    </a>
                    <a href="">
                        <img src="./images/ficon9.svg" alt="">
                    </a>
                </div>
            </div>
            <div class="r">
                <div class="item">
                    <p>解决方案</p>
                    <div class="aList">
                        <a href="">N+X解决方案</a>
                        <a href="">优秀解决方案</a>
                        <a href="">数转产品推荐</a>
                        <a href="">行业服务商</a>
                    </div>
                </div>
                <div class="item">
                    <p>看样学样</p>
                    <div class="aList">
                        <a href="">典型案例</a>
                        <a href="">样板企业名录</a>
                        <a href="">标杆企业名录</a>
                    </div>
                </div>
                <div class="item">
                    <p>Info</p>
                    <div class="aList">
                        <a href="./online_class.html">数转培训</a>
                        <a href="">行业知识库</a>
                        <a href="">产业应用</a>
                        <a href="./news.html">新闻中心</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="dom2">
            <div class="l">
                © 2022, GSIR 由 MFSHOP Support
            </div>
            <div class="r">
                <div class="line"></div>
                <a href="" class="statment">
                    声明
                </a>
                <a href="">
                    政策
                </a>
            </div>
        </div>
        <div class="top" id="goTop">
            <img src="./images/top.svg" alt="">
        </div>
    </div>
</div>




<script src="./js/jquery-1.11.0.min.js"></script>
<script src="./js/swiper.js"></script>
<script src="./js/gsap.min.js"></script>
<script src="./js/ScrollTrigger.min.js"></script>
<script src="./js/SplitText.min.js"></script>
<script src="./js/wow.min.js"></script>
<script src="./js/common.js"></script>
<script src="./js/countUp.js"></script>
<script>

    $('.flex1 .list').click(function () {
        $(this).toggleClass('on')
        var l = $('.flex1 .list:not(.all_list)').length
        var l2 = $('.flex1 .list:not(.all_list).on').length
        if (l === l2) {
            $('.flex1 .all_list').addClass('on')
        }else {
            $('.flex1 .all_list').removeClass('on')
        }

        if ($(this).is('.all_list')) {
            if ($(this).is('.on')) {
                $(this).removeClass('on')
                $('.flex1 .all_list').siblings().removeClass('on')
            }else {
                $(this).addClass('on')
                $('.flex1 .all_list').siblings().addClass('on')
            }
        }
    })
    $('.flex2 .list').click(function () {
        $(this).toggleClass('on')
        var l = $('.flex2 .list:not(.all_list)').length
        var l2 = $('.flex2 .list:not(.all_list).on').length
        if (l === l2) {
            $('.flex2 .all_list').addClass('on')
        }else {
            $('.flex2 .all_list').removeClass('on')
        }

        if ($(this).is('.all_list')) {
            if ($(this).is('.on')) {
                $(this).removeClass('on')
                $('.flex2 .all_list').siblings().removeClass('on')
            }else {
                $(this).addClass('on')
                $('.flex2 .all_list').siblings().addClass('on')
            }
        }
    })
    $('.flex3 .list').click(function () {
        $(this).toggleClass('on')
        var l = $('.flex3 .list:not(.all_list)').length
        var l2 = $('.flex3 .list:not(.all_list).on').length
        if (l === l2) {
            $('.flex3 .all_list').addClass('on')
        }else {
            $('.flex3 .all_list').removeClass('on')
        }

        if ($(this).is('.all_list')) {
            if ($(this).is('.on')) {
                $(this).removeClass('on')
                $('.flex3 .all_list').siblings().removeClass('on')
            }else {
                $(this).addClass('on')
                $('.flex3 .all_list').siblings().addClass('on')
            }
        }
    })

    $('.flex4 .list').click(function () {
        $(this).toggleClass('on')
        var l = $('.flex4 .list:not(.all_list)').length
        var l2 = $('.flex4 .list:not(.all_list).on').length
        if (l === l2) {
            $('.flex4 .all_list').addClass('on')
        }else {
            $('.flex4 .all_list').removeClass('on')
        }

        if ($(this).is('.all_list')) {
            if ($(this).is('.on')) {
                $(this).removeClass('on')
                $('.flex4 .all_list').siblings().removeClass('on')
            }else {
                $(this).addClass('on')
                $('.flex4 .all_list').siblings().addClass('on')
            }
        }
    })

$('.section .wrap .sort .list').click(function () {
    $(this).toggleClass('active')
})
</script>
</body>

</html>